<div class="col-sm-{{::col}} at-InputContainer">
    <div class="form-group at-u-flat">
        <at-input-label></at-input-label>

        <div class="input-group">
            <span class="input-group-btn at-InputGroup-button input-group-prepend">
                <button class="btn at-ButtonHollow--white"
                        ng-class="{
                            'at-Input-button--fixed-xs': mode === 'input',
                            'at-Input-button--fixed-sm': mode === 'encrypted'
                        }"
                        ng-disabled="!state._enableToggle && (state._disabled || form.disabled)"
                        ng-click="vm.toggle()">
                    {{ state._buttonText }}
                </button>
            </span>
            <input type="{{ type }}"
                   class="form-control at-Input"
                   ng-model="state[state._activeModel]"
                   ng-class="{ 'at-Input--rejected': state._rejected }"
                   ng-attr-maxlength="{{ state.max_length || undefined }}"
                   ng-attr-tabindex="{{ tab || undefined }}"
                   ng-attr-placeholder="{{state._placeholder || undefined }}"
                   ng-change="vm.check()"
                   ng-disabled="state._disabled || form.disabled" />
        </div>

        <at-input-message></at-input-message>
    </div>
</div>
